<template>
  <div class="tab">
    <tab-item
      v-for="(item, index) of cityData"
      :key="index"
      :city-info="item"
    ></tab-item>
  </div>
</template>

<script>
import TabItem from './TabItem.vue'
export default {
  name: 'Tab',
  components: {
    TabItem,
  },
  props: {
    cityData: Array,
  }
}
</script>

<style lang="scss" scoped>
.tab {
  display: flex;
  width: 100%;
}
</style>